body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* 滚动条整体部分 */
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 内层轨道，滚动条中间部分 */
::-webkit-scrollbar-track-piece {
  background-color: rgba(24, 144, 255, 0.1);
  border-left: 1px solid rgba(24, 144, 255, 0);
}
/* 滚动条里面的小方块，能向上向下移动（或向左向右移动） */
::-webkit-scrollbar-thumb {
  background-color: rgba(24, 144, 255, 0.3);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
::-webkit-scrollbar-thumb:hover{
  background-color: rgba(24, 144, 255, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
